<template>
  <h2>我是About的内容</h2>
</template>

<script>
export default {
  name:"About",

  mounted(){
    console.log('About组件挂载完毕了',this)
  },

  //通过路由规则，进入该组件时被调用
  beforeRouteEnter(to,from,next){
    console.log('About ---  beforeRouteEnter',to,from,next)
    // 判断是否需要鉴权
        if(to.meta.isAuth){
            if(localStorage.getItem('school') === 'lntu'){
                next()
            }else{
                alert('学校名不对，无权查看!')
            }
        }else{
            next()
        }
  },
  //通过路由规则，离开该组件时被调用
  beforeRouteLeave (to,from,next){
    console.log('About ---  beforeRouteLeave',to,from,next)
  }

  }
</script>


